body, input, button, textarea, select {
    font: 14px / 1.7 'Helvetica Neue', Arial, 'Hiragino Sans GB', STHeiti, 'Microsoft Yahei', 'WenQuanYi Micro Hei', sans-serif;
    color: #676A6c;
    -webkit-font-smoothing: subpixel-antialiased;
    word-wrap: break-word;
}
header {}
header .banner {
    height: 440px;
    background-image: url(../img/banner.png);
    background-repeat: round;
}
header .banner .title {
    width: 66.66%;
    margin: 0 auto;
    padding-top: 150px;
    text-align: center;
    color: #fff;
}
header .banner .title p {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.7;
    display: inline-block;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
header .banner .title .text-box {
    margin-right: 15px;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-delay: .6s;
    animation-delay: .6s;
}
header .banner .title .icon-box {
    margin-left: 15px;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
header .banner .title .icon-box.circle {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    padding: 15px;
    text-align: center;
    background-color: #428cbd;
}
header .banner .title .icon-box.circle img {
    margin-left: 3px;
}
header .describe-box {
    position: relative;
    margin: 0 auto;
    width: 800px;
    padding: 15px 15px;
    color: #fff;
    background-color: #428cbd;
    bottom: 75px;
    z-index: 999;
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
}
.text-overflow .col-sm-8 {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.overflow-box {
    max-width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.panel .panel-title span {
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid #2196f3;
    padding-bottom: 5px;
}
.panel .panel-title p {
    font-size: 14px;
}
.panel .panel-title .describe {
    padding: 10px 45px;
    margin: 0 0 20px;
    font-size: 14px;
    text-indent: 30px;
}
.panel .panel-title .tooltips {
    padding: 30px 45px;
    margin: 0;
    font-size: 14px;
}
.panel .panel-title .tooltips .tooltips-inner {
    background-color: #6699CC;
    color: #FFF;
    margin: 0 auto;
    line-height: 58px;
    padding: 0 35px;
    width: 960px;
    border-radius: 6px;
}
.panel .panel-title .tooltips .tooltips-inner .tooltips-icon {
    position: absolute;
}
.panel .panel-title .tooltips .tooltips-inner .tooltips-text {
    padding-left: 48px;
}

/*.panel .panel-title .tooltips p {
    display: inline-block;
    color: #FF9966;
    margin: 0;
}*/

.panel .panel-title {
    font-size: 22px;
    border-bottom: 1px solid #ddd;
    text-align: left;
}
.panel .panel-title .title-wrap {
    border-bottom: 1px solid #ddd;
}
.panel-body {
    padding: 30px;
}
.panel-body.panel-form {
    padding-left: 18px;
    padding-right: 18px;
}
.panel-body .list-box {
    padding-left: 18px;
    padding-right: 18px;
    list-style: none;
}
.panel-body .list-box h4 {
    font-size: 14px;
    line-height: 1.7;
}
.panel-body .control-label {
    margin-bottom: 0;
    text-align: right;
}
.panel-body .row {
    padding-top: 15px;
    padding-bottom: 10px;
}
.panel-body strong::after {
    content: '.';
    margin-right: 5px;
}
.panel-body .offered {
    padding: 0 20px;
}
.panel-body [class^="col-"] {
    padding-left: 0;
}
.panel-body .col-sm-9 {
    padding-right: 45px;
}
.panel-body .checkbox {
    display: inline-block;
}
footer {
    padding: 10% 60px 0 60px;
    background-color: #ebebed;
}
.form-control {
    border-radius: 0;
}
.form-action {
    padding: 5% 38%;
}
.cbtn-primary {
    color: #fff;
    background-color: #2196f3;
    border: 1px solid #2196f3;
}
.cbtn-primary:hover {
    background-color: #1e88e5;
    border-color: #1e88e5;
}
.cbtn-success {
    color: #fff;
    background-color: #5cb85c;
    border: 1px solid #5cb85c;
}
.cbtn-block {
    width: 100%;
    display: block;
}
.cbtn {
    cursor: pointer;
    outline: none;
    padding: .65rem 2rem;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    z-index: 1;
}
.checkbox {
    padding-left: 20px;
}
.checkbox label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: -3px;
    margin-left: -20px;
    padding-left: 3px;
    padding-top: 1px;
    font-size: 11px;
    color: #555555;
}
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.animated.hinge {
    animation-duration: 2s;
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
    animation-duration: .75s;
}
@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}
.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}
@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}
.bounceIn {
    animation-name: bounceIn;
}
@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}
.bounceInDown {
    animation-name: bounceInDown;
}
@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: none;
    }
}
.bounceInLeft {
    animation-name: bounceInLeft;
}
@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: none;
    }
}
.bounceInRight {
    animation-name: bounceInRight;
}
@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}
.bounceInUp {
    animation-name: bounceInUp;
}
@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }
    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}
.bounceOut {
    animation-name: bounceOut;
}
@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}
.bounceOutDown {
    animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}
.bounceOutLeft {
    animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}
.bounceOutRight {
    animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}
.bounceOutUp {
    animation-name: bounceOutUp;
}
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.checkbox input[type="checkbox"]:checked+ label::after, .checkbox input[type="radio"]:checked+ label::after {
    font-family: "Glyphicons Halflings";
    content: "\e013";
}
.checkbox input[type="checkbox"]:disabled+ label, .checkbox input[type="radio"]:disabled+ label {
    opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled+ label::before, .checkbox input[type="radio"]:disabled+ label::before {
    background-color: #eeeeee;
    cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
    border-radius: 50%;
}
.checkbox.checkbox-inline {
    margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked+ label::before, .checkbox-primary input[type="radio"]:checked+ label::before {
    background-color: #337ab7;
    border-color: #337ab7;
}
.checkbox-primary input[type="checkbox"]:checked+ label::after, .checkbox-primary input[type="radio"]:checked+ label::after {
    color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked+ label::before, .checkbox-danger input[type="radio"]:checked+ label::before {
    background-color: #d9534f;
    border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked+ label::after, .checkbox-danger input[type="radio"]:checked+ label::after {
    color: #fff;
}
.checkbox-info input[type="checkbox"]:checked+ label::before, .checkbox-info input[type="radio"]:checked+ label::before {
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked+ label::after, .checkbox-info input[type="radio"]:checked+ label::after {
    color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked+ label::before, .checkbox-warning input[type="radio"]:checked+ label::before {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked+ label::after, .checkbox-warning input[type="radio"]:checked+ label::after {
    color: #fff;
}
.checkbox-success input[type="checkbox"]:checked+ label::before, .checkbox-success input[type="radio"]:checked+ label::before {
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked+ label::after, .checkbox-success input[type="radio"]:checked+ label::after {
    color: #fff;
}
.radio {
    padding-left: 20px;
}
.radio label {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding-left: 5px;
}
.radio label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #cccccc;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out;
    transition: border 0.15s ease-in-out;
}
.radio label::after {
    display: inline-block;
    position: absolute;
    content: " ";
    width: 11px;
    height: 11px;
    left: 3px;
    top: 3px;
    margin-left: -20px;
    border-radius: 50%;
    background-color: #555555;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
    transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
    opacity: 0;
    z-index: 1;
}
.radio input[type="radio"]:checked+ label::after {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1);
}
.radio input[type="radio"]:disabled+ label {
    opacity: 0.65;
}
.radio input[type="radio"]:disabled+ label::before {
    cursor: not-allowed;
}
.radio.radio-inline {
    margin-top: 0;
}
.radio-primary input[type="radio"]+ label::after {
    background-color: #337ab7;
}
.radio-primary input[type="radio"]:checked+ label::before {
    border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked+ label::after {
    background-color: #337ab7;
}
.radio-danger input[type="radio"]+ label::after {
    background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked+ label::before {
    border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked+ label::after {
    background-color: #d9534f;
}
.radio-info input[type="radio"]+ label::after {
    background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked+ label::before {
    border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked+ label::after {
    background-color: #5bc0de;
}
.radio-warning input[type="radio"]+ label::after {
    background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked+ label::before {
    border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked+ label::after {
    background-color: #f0ad4e;
}
.radio-success input[type="radio"]+ label::after {
    background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked+ label::before {
    border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked+ label::after {
    background-color: #5cb85c;
}
input[type="checkbox"].styled:checked+ label:after, input[type="radio"].styled:checked+ label:after {
    font-family: 'Glyphicons Halflings';
    content: "\e013";
}
input[type="checkbox"] .styled:checked+ label::before, input[type="radio"] .styled:checked+ label::before {
    color: #fff;
}
input[type="checkbox"] .styled:checked+ label::after, input[type="radio"] .styled:checked+ label::after {
    color: #fff;
}
